// 该文件是整个项目的入口文件

// 引入vue
//实际上这里引入vue时引入的是一个残缺版的vue,是runtime
import Vue from 'vue'

// 引入App.vue
import App from './App.vue'

// 关闭vue生产提示
Vue.config.productionTip = false

// 创建vue实例对象
new Vue({


  // 之所以vue要弄出个render函数是因为，vue模板解析器很大，所以需要精简
  render: h => h(App),

  // render函数实际上就是创建元素放入页面
  /* render(createElement) {
    return createElement('h1', '你好啊')
  } */
  /* 上面的写法可以精简为：
  render createElement=> createElement('h1', '你好啊'); */
}).$mount('#app')


/*
  关于不同版本的vue 
  vue.js与vue.runtime.xxx.js的区别
  1.vue.js是完整版的vue，包含核心功能+模板解析器
  2.vue.runtime.xxx.js是运行版的vue，只包含核心功能，不包含解析器

  因为vue.runtime.xxx.js没有解析器，所以不能使用template配置项需要使用render函数接收到的createElement函数去指定具体内容
*/